<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/zhuce.css"/>
	</head>
	<body>
		<div class="web">
			<div class="webbox">
				
				<!--banner-->
				<div class="banner">
					<img src="img/zhucebanner_03.png"/>
				</div>
				
				<!--注册填写-->
				<div class="complete">
					<ul>
						<li class="remind">
							<span>*</span>
							<span>请您留下联系方式，会有专属服务顾问及时与您联系，为您提供免费的使用教程以及后续更新服务。</span>
						</li>
						
						<li class="common Enterprise_name">
							<div>
								<span class="dian">*</span>
								<span class="title">企业名称</span>
							</div>
							<div class="common_shuru">
								<span><img src="img/name.png"/></span>
								<input type="text" placeholder="企业名称" />
								<span class="X"><img src="img/X.png"/></span>
							</div>
						</li>
						
						<li class="common Legal_person_name">
							<div>
								<span class="title">法人姓名</span>
							</div>
							<div class="common_shuru">
								<span><img src="img/name.png"/></span>
								<input type="text" placeholder="请输入法人姓名" />
							</div>
						</li>
						
						<li class="common point_of_contact">
							<div>
								<span class="dian">*</span>
								<span class="title">联系人</span>
							</div>
							<div class="common_shuru">
								<span><img src="img/name.png"/></span>
								<input type="text" placeholder="请输入联系人姓名" />
							</div>
						</li>
						
						<li class="common num">
							<div>
								<span class="dian">*</span>
								<span class="title">手机号码</span>
							</div>
							<div class="common_shuru">
								<span><img src="img/name.png"/></span>
								<input type="text" placeholder="请输入您的手机号码" />
							</div>
						</li>
						
						<li class="common yanzhengma">
							<div>
								<span class="dian">*</span>
								<span class="title">验证码</span>
							</div>
							<div class="common_shuru yanzhengmabox">
								<span><img src="img/name.png"/></span>
								<input type="text" placeholder="请输入验证码" />
								<span><img src="img/yanzhengma.png"/></span>
								<span><img src="img/shuaxin.png"/></span>
							</div>
						</li>
						
						<li class="common phone">
							<div>
								<span class="dian">*</span>
								<span class="title">手机验证码</span>
							</div>
							<div class="common_shuru phonebox">
								<span><img src="img/shoujiyanzheng.png"/></span>
								<input type="text" placeholder="请输入手机验证码" />
								<a href="#" class="huoqu">获取验证码</a>
							</div>
						</li>
						
						<li class="common phone">
							<div>
								<span class="dian">*</span>
								<span class="title">登录密码</span>
							</div>
							<div class="common_shuru phonebox">
								<span><img src="img/suo.png"/></span>
								<input type="text" placeholder="请设置登录密码" />
							</div>
						</li>
						
						<li class="zhizhao">
							<div class="upload">
								<span class="dian">*</span>
								<span class="title">企业营业执照上传</span>
							</div>
							<div class="scan">
								<a href="#">浏览</a>
								<!--<input type="file" name="myfiles" id="picture"/>-->
							</div>
							<div class="clear"></div>
							<!--营业执照--><div class="zhizhaobox"><img src=""/></div>
						</li>
						
						<li class="zhuce">
							<a href="#">马上注册</a>
						</li>
						
						<li class="yiyou">
							<span>已有账号？</span>
							<a href="#">直接登陆</a>
						</li>
						<li class="clear"></li>
					</ul>
				</div>
			</div>
		</div>
		
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			function xuanzhuan(){
				var span = document.querySelector(".yanzhengmabox span:nth-child(4) img");
				var isClick = false;
				span.addEventListener("click",function(){
					if(isClick == false){
						span.classList.add("tran");
						isClick = true;
					}else{
						span.classList.remove("tran");
						isClick = false;
					}
				})
			}
			xuanzhuan()
			
			
//			上传图片可用
//			$(document).ready(function(){
//				$("#picture").change(function(){
//					var current_pic = this.files[0];
//					
//					preview_picture(current_pic);
//				});
//			});
//			function preview_picture(pic){
//				var r = new FileReader();
//				r.readAsDataURL(pic);
//				r.onload = function(e){
//					$(".zhizhaobox >img").attr("src",this.result).show();
//				}
//			}
		</script>
	</body>
</html>
